<template>
  <v-container
    id="login"
    fill-height
    tag="section"
  >
    <v-row justify="center">
      <v-slide-y-transition appear>
        <base-material-card color="success" light max-width="100%" width="400" class="px-5 py-3">
          <template v-slot:heading>
            <div class="text-center">
              <h1 class="display-2 font-weight-bold mb-2">
                欢迎使用后台管理系统
              </h1>
            </div>
          </template>
          <v-card-text class="text-center">
            <v-text-field color="secondary" label="用户名" prepend-icon="mdi-face" class="mt-10" />

            <v-text-field class="mb-8" color="secondary" label="密码" prepend-icon="mdi-lock-outline"/>

            <v-btn large color="" depressed class="v-btn--text success--text">
              登陆
            </v-btn>
          </v-card-text>
        </base-material-card>
      </v-slide-y-transition>
    </v-row>
  </v-container>
</template>

<script>
export default {
  name: 'Login',

  components: {
  },

  data: () => ({
  })
}
</script>
